<template>
  <div class="bottom">
    <div class="mx-auto p-4" style="width: 1100px">
      <div class="cursor-pointer hover:underline mb-4">联系我们</div>
      <div class="cursor-pointer hover:underline mb-4">加入我们</div>
      <div class="cursor-pointer hover:underline mb-4">
        联系电话：308 898 145
      </div>
      <div class="center">版权所有 @魔力风车团队.com</div>
    </div>
  </div>
</template>
<script></script>
<style scoped>
.bottom {
  position: relative;
  display: block;
  width: 100%;
  height: 200px;
  background-color: grey;
  color: white;
  justify-content: center;
  align-items: center;
}
.bottom .inner {
  position: relative;
  top: 30px;
  /* background-color: aquamarine; */
  text-align: center;
  font-size: large;
}
</style>
